<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <style>
          body{
            position: relative;
        }
        * {
            margin: 0px;
            padding: 0px;
          
        }
        ul{
            list-style: none;
        }

        #head {
            width: 100%;
            height: 100px;
         
        }

        #menu ul li {
            float: left;
            width: 70px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            margin-top: 35px;
            margin-right: 60px;
            position: relative;
            z-index: 10
        }

        #menu ul {
           
            float: right;
            margin: 0 auto;

        }

        #menu>ul>li>a {
            text-decoration: none;
            color: rgb(71, 47, 52);
            font-weight: bold;
        }

        #name {
            width: 280px;
            height: 96px;
        }

        #top_right {
            float: right;
            width: 580px;
        }

        #menu {
            width: 550px;
            height: 80px;
        }

        #name>p {
            font-size: 40px;
            color: rgb(155, 71, 82);
            font-weight: bolder;
            text-align: center;
            margin: 0 0;
            position: relative;
            top: 20px;
            left: 20px;
        }


        .ph {
            width: 70px;
            height: 70px;
            position: absolute;
        }

        a:hover {

            color: rgb(248, 90, 117);
        }

        #logo {
            position: absolute;
            top: 15px;
            left: 300px;
            width: 100px;
            height: 100px;
            clear: both;

        }

          footer{
           width: 100%;
           height: 150px;
           background: #eee;
           margin-top: 80px;
       }
       footer ul{
           width: 600px;
           height: 50px;
           margin: 0 auto;
        
       }
       footer ul li{
           position: relative;
           width: 120px;
           height: 50px;
           line-height: 50px;
           float: left;
           text-align: center
       }
       #footer1 #img2{
           margin-left: 50px;
           margin-top: 10px;
           width: 30px;
           height: 30px;
            position: relative;
           bottom: 15px;
           text-align: center
       }
    
       #footer1 #span2{
           position: relative;
           top: -25px;
           margin-right: 50px;
       } 
       #footer1 p{
           width: 100%;
           height: 30px;
           text-align: center
       }
       #footer1{
           margin-top: 20px;
           width: 500px;
           height: 30px;
           margin: 0 auto;
       }
       footer p{
           margin-top: 20px;
           text-align: center;
       }
    </style>
    <script>

    window.onload=function(){
    }
    </script>
</head>
<body>
        <div id="head">
                <div id="top_right">
                    <div id="menu">
                        <ul>
                            <li><a href="" title="">登录注册</a></li>
                            <li><a href="" title="">在线订餐</a></li>
                            <li><a href="discount.html" title="">优惠活动</a></li>
                            <li><a href="" title="">联系我们</a></li>
                            <!-- <img src="images/cheese.png" alt=""> -->
                        </ul>
                    </div>
                </div>
                <div id="name">
                    <p> here , 在这里</p>
                </div>
                <div id="logo">
                    <img src="images/logo1.png" alt="" class="ph">
                </div>
            </div>
    <div id="list">
<form action="#">
                   饮品 <input type="checkbox" value="IPHone" name="" id=""><br/>
                   蛋糕<input type="checkbox" value="华为P30" name="" id=""><br/>
                  
                   <a href="place an order.html">结算</a>
               </form>

    </div>
    <footer style="clear: both">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">优惠活动</a></li>
                <li><a href="">在线订餐</a></li>
                <li><a href="">新闻资讯</a></li>
                <li><a href="">关于我们</a></li>
            </ul>
            <div id="footer1">
            <p><img id="img2" src="images/Iphone.png" alt=""><span id="span2">150xxxxxx2014</span></p>
        </div>
        <p>互联网出版许可证编号新出网证（沪）字 7777777号</p>
</body>
</html>